<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    // a++ ++a 就结果而言 本身都自增了 

    // 如果在自增过程中出现了 其他操作
    // a++  先赋值 再自增
    // ++a  先自增 再赋值

    /* 
    var a = 10;
    a++;
    console.log(a);

    var a = 10;
    ++a;
    console.log(a);
     */

    // 如果在自增过程中出现了 其他操作
    // a++  先赋值 再自增
    // ++a  先自增 再赋值

    var a = 10;
    var n = a++;     // var n = a; a = a + 1;   先赋值 再自增
    console.log(n);  // 10
    console.log(a); // 11
    
    var a = 10;
    var n = ++a;    // a = a + 1;   var n = a;   先自增 再赋值
    console.log(n);  // 11
    console.log(a);// 11


    // 练习:  sum a
    var a = 10;
    var sum = a++ + ++a + ++a*2 + a-- + --a;



</script>
</html>